<template>
    <view style="height: 100%">
        <!-- component/vedio/vedio.wxml -->
        <video :src="prop.vediosrc" style="width: 100%" controls></video>
    </view>
</template>

<script>
// component/vedio/vedio.js
export default {
    data() {
        return {
            prop: null
        };
    },
    /**
     * 组件的属性列表
     */
    props: {
        con: {
            type: Object,
            default: null
        }
    },
    mounted() {
        // 处理小程序 ready 生命周期
        this.$nextTick(() => this.ready());
    },
    /**
     * 组件的方法列表
     */
    methods: {
        ready: function () {
            var that = this;
            var prop = JSON.parse(that.con.prop);
            that.prop = prop;
        }
    },
    created: function () {}
};
</script>
<style>
@import './vedio.css';
</style>
